@import '../index.less';
.container{
    width: 100%;
    height: 98vh;
    background-image: url('@/assets/images/Beautiful-sky.jpg');
    background-size: cover;
    background-position:initial;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    .login-box{
        width: 60%;
        height: 35% ;
        display: flex;
        justify-content: start;
        align-items: center;
        background-color: #fff;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
        .login-box-left{
            width: 50%;
            height: 100%;
            background: url('@/assets/images/Beautiful-sky.jpg');
            background-size: cover;
        }
        .login-box-right{
            width: 50%;
            height: 100%;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #FFF;
            .login-box-right-title{
                font-size: 24px;
                font-weight: 600;
                color: #666;
            }
            form{
                height: 40%;
                margin-top: 25px;
                .login-box-right-form-item{
                    height: 48px;
                    margin-bottom: 20px;

                }
                .login-box-right-form-button{
                    width: 60%;
                    height: 48px;
                    border-radius: 24px;
                    margin: 0 auto;
                    display: block;
                    background-image: linear-gradient(to right top, #3477b2, #1e38e1);
                }
            }
        }
        

    }
}